.calendar-box{
  width: 1034px;
  height: 760px;
  background: rgba(255, 255, 255, 0.39);
  padding: 30px;
}

.calendar-choose{
  margin-bottom: 10px;
  display: flex;

  label{
    padding-top: 8px;
    margin-right: 10px;
  }
}
.calendar{
  border: 1px solid #E0E3EA;
}
.calendar-head{
  li{
    float: left;
    width: 14.285%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
  }
}

.calendar-body{

  li{
    float: left;
    width: 14.285%;
    height: 110px;
    border-right: 1px solid #E0E3EA;
    border-top: 1px solid #E0E3EA;
    padding: 10px;

    &:nth-child(7n+7){
      border-right: none;
    }

    &.dis{
      position: relative;
      overflow: hidden;
      color: #C5C5C5;

      &:after{
        position: absolute;
        content: '';
        width: 200%;
        height: 200%;
        top: -50%;
        left: -50%;
        display: block;
        transform: rotateZ(45deg);
        background-image:linear-gradient(90deg,#f8f8f8 50%,#FBFBFE 50%,#FBFBFE);
        background-size:10% 100%;
        z-index: 1;
      }

    }

    &.today{
      background: rgba(235, 246, 255, 0.39);
      border: 1px solid #80C8FF;

      b{
        color: #fff;
        background: #0091FF;
      }
    }

    &:hover{
      background: #fefefe;
    }


    b{
      position: relative;
      display: block;
      float: right;
      margin-bottom: 12px;
      font-size: 16px;
      width: 30px;
      height: 30px;
      z-index: 2;
      text-align: center;
      background: transparent;
      line-height: 28px;
      border-radius: 50%!important;
    }

    span{
      display: block;
      float: left;
      width: 100%;
      text-align: center;
      height: 48px;
      background: rgba(255, 236, 220, 0.39);
      line-height: 46px;
      border-radius: 4px!important;
      position: relative;
      z-index: 2;

      &.qq{
        color: #EE2F40;
        background: rgba(255, 230, 231, 1);
      }

      &.qj{
        color: #FF7500;
        background: rgba(255, 236, 220, 1);
      }

      &.sj{
        color: #43425D;
        background: rgba(243, 245, 247, 1);
      }

      &.bk{
        padding-top: 5px;
        line-height: 1.4;
        color: #43425D;
        background: rgb(223, 237, 243);
        a{
          color: #0091FF;
          font-size: 12px;
        }
      }
    }
  }

}

.s{
  width: 0;
}